<template>
  <div>
    <oolongSelect :model="model1" style="width:260px" :loading="loading" :remote-method="remoteMethod"
                  :filterable="true">
      <oolongOption v-for="(item, index) in cityList" :value="item.value" :key="index">{{ item.label }}
      </oolongOption>
    </oolongSelect>
    <br>
    <br>
    <oolongSelect :model="model10" :multiple="true" style="width:260px" :loading="loading" :remote-method="remoteMethod"
                  :filterable="true">
      <oolongOption v-for="(item, index) in cityList" :value="item.value" :key="index">{{ item.label }}
      </oolongOption>
    </oolongSelect>
  </div>
</template>
<script>
export default {
  data() {
    return {
      cityList: [
        {
          value: 'beijing',
          label: '北京市'
        },
        {
          value: 'shanghai',
          label: '上海市'
        },
        {
          value: 'shenzhen',
          label: '深圳市'
        },
        {
          value: 'hangzhou',
          label: '杭州市'
        },
        {
          value: 'nanjing',
          label: '南京市'
        },
        {
          value: 'chongqing',
          label: '重庆市'
        }
      ],
      model1: '',
      model10: '',
      loading: false
    }
  },
  methods: {
    remoteMethod() {

    }
  },
  mounted() {

  }
}
</script>
<style lang="scss" scoped>

</style>
